.tablist-component {
    .close-icon {
        //visibility: hidden;
    }

    // 鼠标放在tab上显示关闭
    .nav-link:hover .close-icon {
        visibility: visible;
    }

    // active 时 关闭一直存在
    .nav-link.active .close-icon {
        visibility: visible;
    }

    .unsaved-icon {
        display: inline-block;
        background: red;
        width: 13px;
        height: 13px;
        margin-left: 8px;
    }

    .withUnsaved.nav-link .close-icon {
        display: none;
    }

    .withUnsaved.nav-link:hover .close-icon {
        display: inline-block;
    }

    .withUnsaved.nav-link:hover .unsaved-icon {
        display: none;
    }
}
